<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>

<!DOCTYPE HTML>
<html>
  <head>
    <%@include file="../common.jsp"%>
    <title>用户充值管理</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">  
	<link rel="stylesheet" type="text/css" href="resources/css/common.css">
	<script type="text/javascript" src="resources/js/cashIn/cashIn.js"></script>  
	<style type="text/css">
		img{height:130px;}
	</style>
  </head>
  <body>
   	<div class="content"> 
   		<h4>用户充值管理</h4>
   		<hr/>
   		<!-- 查询面板 -->
   		<div class="panel panel-default">
		    <div class="panel-heading">
		      <h4 class="panel-title">
		        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSearch">
		           	<i class="icon icon-search"></i> 查询过滤
		        </a>
		      </h4>
		    </div>
		    <div id="collapseSearch" class="panel-collapse collapse out">
		      <div class="panel-body">
				  <form id="form_search" class="form-horizontal">
			        <div class="form-group">
			          	<label class="col-md-1 control-label">用户姓名</label>
			          	<div class="col-md-4">
			             	<input type="text" name="name" id="search_name" class="form-control" placeholder="模糊查询...">
			          	</div>
			          	<label class="col-md-1 control-label">手机号</label>
			          	<div class="col-md-4">
			             	<input type="text" name="phone" id="search_phone" class="form-control" placeholder="精确查询...">
			          	</div>
			        </div>
			        <div class="form-group">
			          <div class="col-md-offset-1 col-md-11">
			             <button id="btn_search" class="btn btn-default"><i class="icon icon-search"></i> 查询</button>
			             <button id="btn_reset" class="btn btn-default"><i class="icon icon-undo"></i> 重置</button>
			          </div>
			        </div>
			      </form>
		      </div>
		    </div>
		</div>
	    <!-- 工具栏 -->
   		<div class="tools">
 	    	<button id="btn_scan" type="button" class="btn btn-primary"><i class="icon icon-search"></i> 查看充值记录</button>
	 	    <button id="btn_excel" type="button" class="btn btn-warning"><i class="icon icon-file-excel"></i> 导出充值记录为Excel</button>
	    </div>
	    <!-- 列表 -->
	    <table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th style="width: 35px;"><input id="pkall" type='checkbox' class='checkbox'></th>
					<th style="width: 50px;">序号</th>
					<th>用户名 </th>
					<th>性别 </th>
					<th>手机号</th>
					<th>共充值金额</th>
					<th>共充值健康币</th>
				</tr>
			</thead>
			<tbody>
				
			</tbody>
	  	</table>
	  	<!-- 分页信息条 -->
	  	<div id="pagebar" class="pagebar">
		  	<ul class="pager">
		  		
			</ul>
			<p id="page_info" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
	  	</div>
	 </div>
	 <!-- 预览 -->
	   <div class="modal fade bs-example-modal-lg" id="modal_scan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="model_title"></h4> 
		      </div>
		      <div class="modal-body">
			    <table id="user" class="table table-hover table-striped mytable">
					<thead>
						<tr>
							<th><input id="pkall_user" type='checkbox' class='checkbox'></th>
							<th>序号</th>
						  	<th>充值方式</th>
						  	<th>充值金额</th>
						  	<th>健康币数量</th>
						  	<th>充值状态</th>
						  	<th>支付时间</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
			  	</table>
			  	<!-- 分页信息条 -->
			  	<div id="pagebar_user" class="pagebar">
				  	<ul class="pager">
					</ul>
					<p id="page_info_user" class="page_info">显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条</p>
			  	</div>
			  </div>
		      <div class="modal-footer">
		          <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
		      </div>
		    </div>
		  </div>
	   </div>
	</body>
</html>